<div class="el-tabs el-tabs--top"
  ng-class="{ 'el-tabs--border-card': type === 'border-card', 'el-tabs--card': type === 'card' }">
  <div class="el-tabs__header is-top">
    <div class="el-tabs__nav-wrap is-top">
      <div class="el-tabs__nav-scroll">
        <div class="el-tabs__nav is-top" ng-style="navStyle">
          <div class="el-tabs__active-bar is-top" ng-style="activeBarStyle"></div>
          <div ng-repeat="tab in tabs" class="el-tabs__item"
            ng-class="{ 'is-active': tab.active, 'is-disabled': tab.disabled }" ng-click="selectTab($event, tab)"
            ng-style="tabWidth">
            {{ tab.label }}
            <i class="el-icon-close" ng-if="tab.closable" ng-click="removeTab(tab, $event)"></i>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="el-tabs__content" ng-transclude></div>
</div>